<template>
	<view class="shop">
		<view class="shop-item">
			<view class="shop-big">
				<image class="shop-big" src="../../static/index/small/shoes.jpg" mode=""></image>
			</view>
			<scroll-view scroll-x="true" class="scroll-content">
				<view class="scroll-item">
					<Commodity fontSize="20rpx" itemWidth="200rpx" bigH="200rpx" wrap="no-wrap" :dataList="shopList"/>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
import Commodity from "@/components/common/Commodity.vue"
export default{
	name:"Shop",
	components:{
		Commodity
	},
	data(){
		return{
			shopList:[
				{
					id:0,
					imgUrl:"../../static/index/small/1.jpeg",
					name:"大姨绒毛大款2022必须买，不买你就不行了，爆款，疯抢",
					pprice:"299",
					oprice:"599",
					discount:"5.2",
				},
				{
					id:1,
					imgUrl:"../../static/index/small/2.jpeg",
					name:"大姨绒毛大款2022必须买，不买你就不行了，爆款，疯抢",
					pprice:"299",
					oprice:"599",
					discount:"5.2",
				},
				{
					id:2,
					imgUrl:"../../static/index/small/3.jpeg",
					name:"大姨绒毛大款2022必须买，不买你就不行了，爆款，疯抢",
					pprice:"299",
					oprice:"599",
					discount:"5.2",
				},
				{
					id:3,
					imgUrl:"../../static/index/small/4.jpeg",
					name:"大姨绒毛大款2022必须买，不买你就不行了，爆款，疯抢",
					pprice:"299",
					oprice:"599",
					discount:"5.2",
				},
				{
					id:4,
					imgUrl:"../../static/index/small/5.jpeg",
					name:"大姨绒毛大款2022必须买，不买你就不行了，爆款，疯抢",
					pprice:"299",
					oprice:"599",
					discount:"5.2",
				},
				{
					id:5,
					imgUrl:"../../static/index/small/6.jpeg",
					name:"大姨绒毛大款2022必须买，不买你就不行了，爆款，疯抢",
					pprice:"299",
					oprice:"599",
					discount:"5.2",
				},
				
			]
		}
	}
}
</script>

<style scoped>
.shop-big{
	width: 100%;
	height: 350rpx;
}
.scroll-content{
	width: 100%;
	white-space: nowrap;
}
.scroll-item{
	display: inline-block;

}
</style>
